<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:p="http://primefaces.org/ui"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    >
    <f:view locale="#{LocaleController.currentLocale}"/>
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Register Category</title> 
    </h:head>
    <h:body>
        <p:menubar>
            <p:menuitem value="Home" url="../views/home.jsf"/>
            <p:submenu label="#{rotulos.labelMenuMetricsCategories}" icon="ui-icon-document">
                <p:menuitem value="#{rotulos.labelConsultCategory}" url="../views/consultCategory.jsf"/>
            </p:submenu>
            <p:submenu label="#{rotulos.labelMenuMetrics}" icon="ui-icon-document">
                <p:menuitem value="#{rotulos.labelImportMetrics}" url="../views/registerMetric.jsf"/>
                <p:menuitem value="#{rotulos.labelConsultMetric}" url="../views/consultMetric.jsf" />

            </p:submenu>
            <p:submenu label="#{rotulos.labelMenuMetricProjects}" icon="ui-icon-document">
                <p:menuitem value="#{rotulos.labelHeaderCreateProject}" url="../views/createProject.jsf"/>
                <p:menuitem value="#{rotulos.labelConsultProject}" url="../views/consultProject.jsf"/>
            </p:submenu>

            <p:submenu label="#{rotulos.labelAdmin}" icon="ui-icon-document" rendered="#{userController.admin}">
                <p:menuitem value="#{rotulos.labelImportMetrics}" url="../admin/registerMetricAdmin.jsf"/>
                <p:menuitem value="#{rotulos.labelConsultMetric}" url="../admin/consultMetricAdmin.jsf"/>
                <p:menuitem value="#{rotulos.labelConsultUser}" url="../admin/consultUser.jsf"/>
                <p:menuitem value="#{rotulos.labelCreateCategory}" url="../admin/registerCategory.jsf"/>
                <p:menuitem value="#{rotulos.labelConsultCategory}" url="../admin/consultCategoryAdmin.jsf"/>
            </p:submenu>

            <f:facet name="options">
                <form action="/MetricTools/logoutServlet" method="get">
                    <h:commandButton type="submit" value="Logout"/>
                </form>
            </f:facet>
        </p:menubar>
        <h:form style="text-align: right">
            <h:commandButton value="Portuguese" action="#{LocaleController.portugueseLocale}"/>
            <h:commandButton value="English" action="#{LocaleController.englishLocale}" />
        </h:form>
        <center>
            <p:panel header="#{rotulos.categoryRegister}" style="text-align:left;width:700px;">
                <h1><center>#{rotulos.categoryRegister}</center></h1>
                <div align="center">
                    <h:form id="teste">
                        <h:panelGrid cellpadding="5" columns="3">
                            <h:outputLabel value="#{rotulos.nameCategory}"/>
                            <h:inputText id="name" value="#{categoryController.category.name}"
                                         required="true" requiredMessage="Name is Empty"
                                         >
                                <f:validator validatorId="validator.Name"/>
                            </h:inputText><br/>

                            <h:outputLabel value="#{rotulos.labelGoal}"/>
                            <h:inputText id="goal" value="#{categoryController.category.goal}"
                                         required="true" requiredMessage="Goal is Empty"
                                         /><br/>

                            <center>
                                <p:commandButton ajax="false" actionListener="#{categoryController.saveCategory}" value="#{rotulos.register}"/>
                                <p:commandButton type="reset" value="#{rotulos.labelClear}"/>
                            </center>
                        </h:panelGrid>
                    </h:form>
                </div>
                <center><h:messages infoStyle="color: green" errorStyle="color: red"/><br/></center>     
            </p:panel>
        </center>
    </h:body>
</html>